<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //  xhr.open('GET','http://localhost:8888/test/first',false);
        // false 说明是 同步 
        // true 异步 
        // 异步代码  可以按照 1 2 3 4   或者 1 2 4 3 拿到数据 
        //同步代码  必须 按照 1 2 4 3  才可以获取到数据  
        // 1
        const xhr = new XMLHttpRequest();
        //2
        xhr.open('GET','http://localhost:8888/test/first',false);
       
         
        //4
        xhr.onload = function(){
            alert(xhr.responseText)
        }

        //3
        xhr.send()

        
    </script>
</body>
</html>